.inline-form {
    width: 555px;
    margin: 0 auto;
    position: relative;
    padding-bottom:50px;
}
.step-content-title {
    width: 75%;
    margin: 0 auto;
    margin-top: 50px;
}

.stepCard{
    text-align: center;
    color: #ccc;
    border: #ccc solid 1px;
}

.step-card {
    border-radius: 4px;
    font-size: 14px;
    line-height: 100%;
    &-1 {
        color: rgba(84, 199, 197, 1);
        border: rgba(84, 199, 197, 1) solid 1px;
        text-align: center;
        cursor: pointer;
    }
    &-1:hover {
        box-shadow: 3px 4px 5px rgba(84, 199, 197, 1)
    }
    &-2 {
        color: rgba(253, 173, 34, 1);
        border: rgba(253, 173, 34, 1) solid 1px;
        text-align: center;
        cursor: pointer;
    }
    &-2:hover {
        box-shadow: 3px 4px 5px rgba(253, 173, 34, 1)
    }
    &-3 {
        color: rgba(24, 144, 255, 1);
        border: rgba(24, 144, 255, 1) solid 1px;
        text-align: center;
        cursor: pointer;
    }
    &-3:hover {
        box-shadow: 3px 4px 5px rgba(24, 144, 255, 1)
    }
}
.form-tip {
    width: 50%;
    height: 32px;
    display: inline-flex;
    align-items:center;
    position: absolute;
    left: 102%;
    top: 0;
    color: rgba(255, 87, 51, 1);
    &-1 {
        width: 30%;
        height: 32px;
        display: inline-flex;
        align-items:center;
        position: absolute;
        left: 102%;
        top: 0;
    }
    &-1> i {
        color: rgba(24, 144, 255, 1);
        cursor: pointer;
    }
}
.form-input-small {
    width: 218px;
}

.submit-success1{
    width: 557px;
    margin: 0 auto;
    text-align: center;
    .icon{
        font-size: 72px;
        color: rgba(58, 193, 126, 1);
        margin-bottom: 10px;
    }
    i{
        width: 72px;
        height: 72px;
    }
    .submit-success{
        font-size: 24px;
        color: rgba(0, 0, 0, 0.85);
        margin-bottom: 10px;
    }
    .to{
        color: rgba(0, 0, 0, 0.43);
	    font-size: 14px;
        margin-bottom: 10px;
    }
}

.submit-success {
    width: 557px;
    margin: 0 auto;
    background-color: #fff;
    &-header {
        display: inline-flex;
        flex-wrap:wrap;
        justify-content: center;
        width: 100%;
        margin: 0 auto;
    }
    &-icon {
        color: rgba(58, 193, 126, 1);
        width: 100%;

    }
    &-icon i {
        color: rgba(58, 193, 126, 1);
        width: 100%;

    }
    &-title {
        width: 100%;
        height: 32px;
        color: rgba(0, 0, 0, 0.85);
        font-size: 24px;
        line-height: 130%;
        text-align: center;
    }
    &-content {
        width: 100%;
        margin: 0 auto;
        padding:20px;
        background-color: rgba(245, 245, 245, 0.5);
    }
    &-content-title {
        width: 100%;
        height: 32px;
        color: rgba(0, 0, 0, 0.4);
        font-size: 18px;
        line-height: 130%;
        text-align: left;
        margin-bottom: 20px;
    }
}

.grayDiv{
    width: 20px;
    height: 20px;
    border-radius: 50%;
}

.deleteFile{
    margin-left: 20px;
    color: #2d8cf0;
    cursor: pointer;
}

.deleteFile:hover{
    color: #57a3f3;
}